<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
	<head>
		<title>${goodsDetails.goodsTitle}－校园闲置</title>
	</head>
	<body>
		<!-- 商品图浏览 -->
		<div class="goods-img-llt" id="goods-img-llt">
			<div class="goods-img-box">
				<ul>
					<c:forEach items="${goodsDetails.cshtGoodsImagesList}" var="cshtGoodsImagesList">
						<li><img src="/csht_file/goods_images/${cshtGoodsImagesList.goodsImagesPath}" alt="商品图"></li>
					</c:forEach>
				</ul>
				<span class="glyphicon glyphicon-menu-left menu-left-span" id="previous"></span>
				<span class="glyphicon glyphicon-menu-right menu-right-span" id="next"></span>
			</div>
		</div><!-- 商品图浏览 -->
		
		<div class="goods-de-wrapper">
			
			<div class="goods-de-content">
				<!-- user-detail -->
				<div class="user-detail">
					<!-- user-detail-left -->
					<div class="user-detail-left">
						<ul class="nav nav-pills">
						  <li role="presentation" id="user-li" class="dropdown">
						    <a class="dropdown-toggle" data-toggle="dropdown" href="${goodsDetails.cshtUser.userId}" role="button" aria-haspopup="true" aria-expanded="false">
						      <img src="/csht_file/user_header/${goodsDetails.cshtUser.userHeadPath}">
							  <span class="u-de-username">${goodsDetails.cshtUser.userUsername}</span>
							  <span class="caret"></span>
						    </a>
						    <div class="dropdown-menu user-de-div">
						    	<p><span>省份：</span></p>
						    	<p><span>城市：</span></p>
						    	<p><span>学校：</span></p>
						    	<p><span>姓别：</span>${goodsDetails.cshtUser.userGender}</p>
						    	<p><span>转卖</span>${goodsDetails.userTradingSuccessNumber}<span>笔</span></p>
						    	<button type="button" id="lookUserGoods" class="layui-btn layui-btn-danger layui-btn-sm">查看卖家信息</button>
						    </div>
						  </li>
						  <li><h5>宝贝浏览次数</h5><span>${goodsDetails.goodsBrowseTime}</span></li>
						  <li><h5>来自</h5><span>${goodsDetails.goodsTradeSchool}</span></li>
						</ul>
					</div><!-- user-detail-left -->
					<div class="user-detail-right">
						<a href="javascript:void(0)" id="goods-reportbtn">举报该宝贝</a>
						<input type="hidden" id="rggoodsid" value="${goodsDetails.goodsId}">
						<input type="hidden" id="rguserid" value="${loginUser.userId}">
					</div>
					
					<!-- 举报商品modal -->
					<div class="modal fade" id="goodsReportModal" tabindex="-1" role="dialog">
					  <div class="modal-dialog" role="document">
					    <div class="modal-content">
					      <div class="modal-header">
					        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					        <h4 class="modal-title">商品举报</h4>
					      </div>
					      <div class="modal-body">
					        <div><input type="radio" name="rd" class="rdd" value="假冒及盗版（商品存在假冒品牌或出版物类盗版的情况）">  1、假冒及盗版（商品存在假冒品牌或出版物类盗版的情况）</div>
					        <div><input type="radio" name="rd" class="rdd" value="滥发信息（商品内容违法或虚假宣传）">  2、滥发信息（商品内容违法或虚假宣传）</div>
					        <div><input type="radio" name="rd" class="rdd" value="出售禁售品（销售平台禁止和限制交易规则下规定的商品）">  3、出售禁售品（销售平台禁止和限制交易规则下规定的商品）</div>
					        <div><input type="radio" name="rd" class="rdd" value="违法国家标准（举报不符合国家相关标准、质量法规的商品）">  4、违法国家标准（举报不符合国家相关标准、质量法规的商品）</div>
					        <div><input type="radio" name="rd" id="imtel" value="0">  5、我有话要说</div>
					      	<div id="textarea"></div>
					      </div>
					      <div class="modal-footer">
					        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					        <button type="button" class="btn btn-primary" id="goodsreportsubmit">确定</button>
					      </div>
					    </div><!-- /.modal-content -->
					  </div><!-- /.modal-dialog -->
					</div><!-- 举报商品modal -->
					
				</div><!-- user-detail -->
			
				<!-- goods-de-left -->
				<div class="goods-de-left">
					<!-- goods-de-img -->
					<div class="goods-de-img">
						<!-- 商品图片轮播 -->
						<div id="carousel-example-generic" class="carousel slide" data-interval="3000" data-ride="carousel">
						
						  <!-- Wrapper for slides -->
						  <div class="carousel-inner bg_xiantiao" id="imgliulang" role="listbox">
						  	<c:forEach items="${goodsDetails.cshtGoodsImagesList}" var="cshtGoodsImagesList" varStatus="status">
								<c:if test="${status.index == 0}">
									<div class="item active img-div">
								      <a href="javascript:void(0)"><img src="/csht_file/goods_images/${cshtGoodsImagesList.goodsImagesPath}" alt="商品图"></a>
								    </div>
								</c:if>
								<c:if test="${status.index != 0}">
									<div class="item img-div">
								      <a href="javascript:void(0)"><img src="/csht_file/goods_images/${cshtGoodsImagesList.goodsImagesPath}" alt="商品图"></a>
								    </div>
								</c:if>
							</c:forEach>
						  </div><!-- Wrapper for slides -->
						  
						   <!-- Indicators -->
						  <ol class="carousel-indicators">
						  	<c:forEach items="${goodsDetails.cshtGoodsImagesList}" var="cshtGoodsImagesList" varStatus="status">
								<c:if test="${status.index == 0}">
									<li data-target="#carousel-example-generic" data-slide-to="${status.index}" class="active"><img src="/csht_file/goods_images/${cshtGoodsImagesList.goodsImagesPath}" alt="商品图"></li>
								</c:if>
								<c:if test="${status.index != 0}">
									<li data-target="#carousel-example-generic" data-slide-to="${status.index}"><img src="/csht_file/goods_images/${cshtGoodsImagesList.goodsImagesPath}" alt="商品图"></li>
								</c:if>
							</c:forEach>
						  </ol><!-- Indicators -->
						  
						</div><!-- 商品图片轮播 -->
					</div><!-- goods-de-img -->
					
					<!-- goods-de-cm -->
					<div class="goods-de-cm">
						<div class="goods-de-cmnav">
							<nav>
								<ul>
									<li><a href="#goodsContent">宝贝介绍</a></li>
									<li><a href="#goodsMessag">留言</a></li>
									<li><a href="#xuZhi">交易须知</a></li>
								</ul>
							</nav>
						</div>
						<div class="goods-de-tishi"><p>交易前请先阅读交易须知</p></div>
						<div class="goods-de-c">
							<h1 class="goods-de-h1" id="goodsContent">宝贝介绍：</h1>
							<p>${goodsDetails.goodsContent}</p>
						</div>
						<!-- goods-de-m -->
						<div class="goods-de-m">
							<h1 class="goods-de-h1" id="goodsMessag">留言：</h1>
							<c:forEach items="${goodsDetails.messageAndUserVo}" var="messageAndUserVo">
								<!-- user-message -->
								<div class="user-message">
									<div class="goods-de-user">
										<a href="${messageAndUserVo.cshtUser.userId}" target="_blank" title="${messageAndUserVo.cshtUser.userUsername}">
											<img src="/csht_file/user_header/${messageAndUserVo.cshtUser.userHeadPath}">
											<span>${messageAndUserVo.cshtUser.userUsername}</span>
										</a>
									</div>
									<div class="goods-de-mcontent">
										${messageAndUserVo.messageContent}
										<p>
											<a href="javascript:void(0)">举报</a>
											<span>
												<input type="hidden" value="${messageAndUserVo.messageId}">
												<input type="hidden" value="${messageAndUserVo.cshtUser.userId}">
											</span>
										</p>
										<p>${messageAndUserVo.messageTime}</p>
									</div>
								</div><!-- user-message -->
							</c:forEach>
							<div style="display:inline-block;width:100%;">
								<textarea style="width:100%;max-width:100%;height:100px;"></textarea>
								<button type="button" id="rToMessage" class="layui-btn layui-btn-danger" style="float:right">留言</button>
							</div>
						</div><!-- goods-de-m -->
						
						<!-- 留言举报modal -->
						<div class="modal fade" id="messageReportModal" tabindex="-1" role="dialog">
						  <div class="modal-dialog" role="document">
						    <div class="modal-content">
						      <div class="modal-header">
						        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						        <h4 class="modal-title">留言举报</h4>
						      </div>
						      <div class="modal-body">
						        <div><input type="radio" name="md" class="mdd" value="淫秽色情">  1、淫秽色情</div>
						        <div><input type="radio" name="md" class="mdd" value="违法信息">  2、违法信息</div>
						        <div><input type="radio" name="md" class="mdd" value="营销广告">  3、营销广告</div>
						        <div><input type="radio" name="md" class="mdd" value="恶意攻击谩骂">  4、恶意攻击谩骂</div>
						        <div><input type="radio" name="md" id="mmimtel" value="0">  5、我有话要说</div>
						      	<div id="textarea"></div>
						      </div>
						      <div class="modal-footer">
						        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						        <button type="button" class="btn btn-primary" id="messagereportsubmit">确定</button>
						      </div>
						    </div><!-- /.modal-content -->
						  </div><!-- /.modal-dialog -->
						</div><!-- 留言举报modal -->
						
						<!-- goods-de-xuzhi -->
						<div class="goods-de-xuzhi">
							<h1 class="goods-de-h1" id="xuZhi">交易须知：</h1>
							<p>这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，
							这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，
							这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，
							这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，
							这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，
							这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，
							这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，
							这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，</p>
						</div><!-- goods-de-xuzhi -->
					</div><!-- goods-de-cm -->
					
				</div><!-- goods-de-left -->
				
				<!-- goods-de-right -->
				<div class="goods-de-right">
					<!-- right-top -->
					<div class="right-top">
						<div class="goods-de-tp">
							<h1>${goodsDetails.goodsTitle}</h1>
							<ul>
								<li>转卖价：</li>
								<li>￥</li>
								<li>${goodsDetails.goodsPrice}</li>
							</ul>
						</div>
						<div class="clear"></div>
						<!-- goods-de-xx -->
						<div class="goods-de-xx">
							<div class="goods-de-ul">
								<ul>
									<li>交易学校：<span>${goodsDetails.goodsTradeSchool}</span></li>
									<li>联系方式：<span>${goodsDetails.goodsTradeWay}</span><span>(预订后互相取得联系)</span></li>
									<li>交易方式：<span>面对面</span></li>
								</ul>
							</div>
							<div class="goods-de-btn">
								<button type="button" disabled="disabled" class="layui-btn layui-btn-disabled layui-btn-lg" data-toggle="tooltip" data-placement="right" title="预订后将互相取得联系方式">立即预订</button>
								<p><input type="checkbox">已阅读<a href="javascript:void(0)" data-method="notice">《交易须知》</a></p>
							</div>
							<div class="goods-de-btn2">
								<button type="button" id="de-fenxiang">分享</button>
								<div class="bdsharebuttonbox" data-tag="share_1">
									<a class="bds_sqq" data-cmd="sqq"></a>
									<a class="bds_weixin" data-cmd="weixin"></a>
									<a class="bds_qzone" data-cmd="qzone"></a>
									<a class="bds_tsina" data-cmd="tsina"></a>
									<a class="bds_more" data-cmd="more">更多</a>
								</div>
								<button type="button" data-method="notice">交易须知</button>
							</div>
							<c:if test="${goodsDetails.goodsState == '已下架'}">
						  		<div class="weigui-div">已下架</div>
						  	</c:if>
						  	<c:if test="${goodsDetails.goodsState == '已出售'}">
						  		<div class="weigui-div">已出售</div>
						  	</c:if>
						  	<c:if test="${goodsDetails.goodsState == '交易中'}">
						  		<div class="weigui-div">交易中</div>
						  	</c:if>
						</div><!-- goods-de-xx -->
						
						<!-- right-bottom -->
						<div class="right-bottom">
							<div class="right-bottom-title">
								<h2>卖家的其他闲置（${goodsDetails.userGoodsNumber}）</h2>
								<a href="${pageContext.request.contextPath}/goods/getGoodsListByUserId/${goodsDetails.cshtUser.userId}" target="_blank">更多</a>
							</div>
							<!-- right-bottom-goods -->
							<div class="right-bottom-goods">
								<c:forEach items="${goodsDetails.cshtGoodsList}" var="cshtGoodsList">
									<div class="user-goods">
										<div class="user-goods-img">
											<a href="${pageContext.request.contextPath}/goods/goodsDetails/${cshtGoodsList.goodsId}" target="_blank"><img src="/csht_file/goods_images/${cshtGoodsList.goodsImgpath}"></a>
										</div>
										<div class="user-goods-p">
											<p><a href="${pageContext.request.contextPath}/goods/goodsDetails/${cshtGoodsList.goodsId}" target="_blank">${cshtGoodsList.goodsTitle}</a></p>
											<p><span>￥</span><span>${cshtGoodsList.goodsPrice}</span></p>
										</div>
									</div>
								</c:forEach>
							</div><!-- right-bottom-goods -->
						</div><!-- right-bottom -->
						
					</div><!-- right-top -->
					
				</div><!-- goods-de-right -->
			</div>
		</div>
		<script type="text/javascript">
			$(document).ready(function(){
				
				//留言
				$("#rToMessage").on("click", function(){
					if("${loginUser.userId}" == ""){
						layer.msg("请先登录");
					}else{
						var content = $("#rToMessage").siblings("textarea").val();
						if(content == ""){
							layer.msg("留言内容不能为空");
							return;
						}
						var m_userId = '${loginUser.userId}';
						var bm_userId = '${goodsDetails.cshtUser.userId}';
						var goodsId = '${goodsDetails.goodsId}';
						$.ajax({
							url: "${pageContext.request.contextPath}/goods/rToMessage",
							type: "POST",
							dataType: "JSON",
							data: {
								"content": content,
								"m_userId": m_userId,
								"bm_userId": bm_userId,
								"goodsId": goodsId
							},
							success: function(data){
								if(data.result == true){
									location.reload();
								}else{
									layer.msg("留言出失败");
								}
							}
						})
					}
				});
				
				//点击留言举报
				var userIdToMessage = "";
				var messagesIdToMessage = "";
				$(".goods-de-mcontent p:first-child a").on("click", function(){
					if("${loginUser.userId}" == ""){
						layer.msg("请先登录");
					}else{
						if($(this).siblings("span").children("input:last-child").val() == '${loginUser.userId}'){
							layer.msg("不能举报自己的留言");
							return;
						}
						userIdToMessage = $(this).siblings("span").children("input:last-child").val();
						messagesIdToMessage = $(this).siblings("span").children("input:first-child").val();
						$(".mdd").on("change", function(){
							$("#messageReportModal .modal-body #textarea").html("");
						});
						$("#mmimtel").on("change", function(){
							$("#messageReportModal .modal-body #textarea").html("<textarea style='width:100%;height:150px;'></textarea>");
						});
						$("#messageReportModal").modal("show");
					}
				});
				//提交留言举报
				$("#messagereportsubmit").on("click", function(){
					var value = $("#messageReportModal .modal-body input:checked").val();
					var messagesId = messagesIdToMessage;
					var goodsId = '${goodsDetails.goodsId}';
					var userId = userIdToMessage;
					if(value == 0){
						value = $("#messageReportModal .modal-body textarea").val();
					}
					if(value == "" || value == null){
						layer.msg("举报内容不能为空");
						return;
					}
					$.ajax({
						url: "${pageContext.request.contextPath}/goods/reportM",
						type: "POST",
						dataType: "JSON",
						data: {
							"messageReportWhy": value,
							"messageId": messagesId,
							"goodsId": goodsId,
							"userId": userId
						},
						success: function(data){
							if(data.result == true){
								layer.msg("举报成功");
							}else{
								layer.msg("举报出错");
							}
							$("#messageReportModal").modal("hide");
						}
					})
				});
				
				//点击查看卖宾信息
				$("#lookUserGoods").on("click", function(){
					window.open("${pageContext.request.contextPath}/goods/getGoodsListByUserId/${goodsDetails.cshtUser.userId}");
				});
				
				//商品举报
				$("#goods-reportbtn").on("click", function(){
					if("${loginUser.userId}" == ""){
						layer.msg("请先登录");
					}else{
						if($("#rguserid").val() == '${goodsDetails.cshtUser.userId}'){
							layer.msg("不能举报自己的商品");
							return;
						}
						$(".rdd").on("change", function(){
							$("#goodsReportModal .modal-body #textarea").html("");
						});
						$("#imtel").on("change", function(){
							$("#goodsReportModal .modal-body #textarea").html("<textarea style='width:100%;height:150px;'></textarea>");
						});
						$("#goodsReportModal").modal("show");
					}
				});
				//提交商品举报
				$("#goodsreportsubmit").on("click", function(){
					var value = $("#goodsReportModal .modal-body input:checked").val();
					var goodsId = $("#rggoodsid").val();
					var userId = $("#rguserid").val();
					if(value == 0){
						value = $("#goodsReportModal .modal-body textarea").val();
					}
					if(value == "" || value == null){
						layer.msg("举报内容不能为空");
						return;
					}
					$.ajax({
						url: "${pageContext.request.contextPath}/goods/reportGoods",
						type: "POST",
						dataType: "JSON",
						data: {
							"value": value,
							"goodsId": goodsId,
							"userId": userId
						},
						success: function(data){
							if(data.result == true){
								layer.msg("举报成功");
							}else{
								layer.msg("举报出错");
							}
							$("#goodsReportModal").modal("hide");
						}
					})
				});
				
				
				//点击立即预订
				$(".goods-de-btn button").on("click", function(){
					var loginUserId = "${loginUser.userId}"; //登录用户id
					var goodsUserId = "${goodsDetails.cshtUser.userId}"; //该商品发布者id
					if(loginUserId == '' || loginUserId == null){ //判断是否已经登录
						layer.msg("请先登录");
					}else if(loginUserId == goodsUserId){ //判断该商品是不是自己发布的
						layer.msg("不能预订自己的商品");
					}else{
						var loginUserAddress = "${loginUser.userAddress}"; //获取登录用户地址
						var goodsUserAddress = "${goodsDetails.goodsTradeSchool}"; //获取商品交易地址
						if(loginUserAddress != goodsUserAddress){ //两者地址不一致将提示
							layer.open({
								title: '提示：',
								btn:['继续','取消'],
								content: "检测到您的学校地址与该商品交易地址不一致，是否继续交易？",
								yes: function(index, layero){ //确定要预订
									buy();
								}
							});
						}else{ //两都地址一致
							buy();
						}
						function buy(){
							var lianxiarr = "${goodsDetails.goodsTradeWay}".split("/"); //分割商品交易联系方式
							 var optionhtml = "<p style='margin:0'>请先择联系方式</p>";
							 optionhtml += "<select id='buyGoodsWay' style='width:100%; height:30px;'>";
							for(var i = 0; i < lianxiarr.length; i++){ //遍历
								optionhtml += "<option value='" + lianxiarr[i] + "'>" + lianxiarr[i] + "</option>";
							}
							optionhtml += "</select>";
							var inputway ="<p style='margin:20px 0 0;'>请输入您选择的联系方式</p>"; //要求输入自己的选择对应的联系方式
							inputway += "<input type='text' id='userBuyGoodsWay' placeholder='请输入您选择的联系方式' style='width:100%;'>";
							layer.open({
								title: '请选择联系方式：',
								btn:['确定','取消'],
								content: optionhtml + inputway,
								yes: function(index, layero){ //输入完成确定
									var goodswayval = $("#buyGoodsWay").val(); //选择的联系方式
									var userBuyGoodsWayval = $("#userBuyGoodsWay").val(); //用户输入的联系方式
									var goodsId = "${goodsDetails.goodsId}"; //商品id
									var loginUserId = "${loginUser.userId}"; //用户id
									var goodsUserId = "${goodsDetails.cshtUser.userId}"; //商品发布者id
									var loginUserTel = "${loginUser.userTel}"; //预订者电话
									var goodsUserTel = "${goodsDetails.cshtUser.userTel}"; //商品发布者电话
									var goodsUserWay = ""; //该商品发布者的联系方式（根据选择获取）
									if(goodswayval == "手机"){
										goodsUserWay = "${goodsDetails.cshtUser.userTel}";
									}else if(goodswayval == "微信"){
										goodsUserWay = "${goodsDetails.cshtUser.userWechat}";
									}else if(goodswayval == "QQ"){
										goodsUserWay = "${goodsDetails.cshtUser.userqq}";
									}
									if(userBuyGoodsWayval == ""){ //空值判断
										layer.msg("请输入对应的联系方式");
										return;
									}
									layer.open({ //再次提示是否确定预订
										title: '提示：',
										btn:['确定','取消'],
										content: '确定预订该商品吗？',
										yes: function(index, layero){ //确定
											$.ajax({
												url: "${pageContext.request.contextPath}/goods/userToBuyGoods",
												type: "POST",
												dataType: "JSON",
												data: {
													"goodsId": goodsId,
													"goodsUserWay": goodsUserWay,
													"goodsWay": goodswayval,
													"buyGoodsUserWay": userBuyGoodsWayval,
													"loginUserId": loginUserId,
													"goodsUserId": goodsUserId,
													"loginUserTel": loginUserTel,
													"goodsUserTel": goodsUserTel
												},
												success: function(data){
													if(true == data.result){
														layer.open({ //成功提示
															title: '提示：',
															btn:'确定',
															content: '预订成功，请留意短信或消息通知',
															yes: function(index, layero){ //确定
																location.reload();
															}
														});
													}else{
														layer.msg("出错，请联系管理员反馈情况");
													}
												}
											})
										}
									});
								}
							});
						}
					}
				});
				
				//用户地址信息处理
				$(function(){
					var address = "${goodsDetails.cshtUser.userAddress}";
					var addressArr = address.split("-");
					$(".user-detail-left .user-de-div p:first span").after(addressArr[0]);
					$(".user-detail-left .user-de-div p:nth-child(2) span").after(addressArr[1]);
					$(".user-detail-left .user-de-div p:nth-child(3) span").after(addressArr[2]);
				});
				
				//点击浏览商品图片
				$("#imgliulang").on("click", function(){
					$("#goods-img-llt").fadeIn();
				});
				
				//点击图片显示外的区域则隐藏商品图的浏览
				$("#goods-img-llt").on("click", function(){
					$("#goods-img-llt").fadeOut();
				});
				//点击图片显示区域则阻止父级元素的事件
				$(".goods-img-box").on("click", function(e){
					e.stopPropagation();
				});
				
				var count = 1; //记录当前浏览的是第几张商品图
				
				var size = $("#goods-img-llt .goods-img-box li").length; //商品图数量
				
				//点击浏览商品图上一张按钮
				$("#previous").on("click", function(){
					//隐藏当前的商品图
					$($("#goods-img-llt .goods-img-box li")[count - 1]).children("img").fadeOut();
					//计算上一张是第几张商品图
					if(count == 1){
						count = size;
					}else{
						count--;
					}
					//显示上一张商品图
					$($("#goods-img-llt .goods-img-box li")[count - 1]).children("img").fadeIn();
				});
				
				//点击浏览商品图下一张按钮
				$("#next").on("click", function(){
					//隐藏当前的商品图
					$($("#goods-img-llt .goods-img-box li")[count - 1]).children("img").fadeOut();
					//计算上一张是第几张商品图
					if(count == size){
						count = 1;
					}else{
						count++;
					}
					//显示上一张商品图
					$($("#goods-img-llt .goods-img-box li")[count - 1]).children("img").fadeIn();
				});
				
				//滑动用户显示信息
				$("#user-li").mouseover(function(){
					$("#user-li").attr("class", "dropdown open");
					$("#user-li a").attr("aria-expanded", "true");
				});
				$("#user-li").mouseout(function(){
					$("#user-li").attr("class", "dropdown");
					$("#user-li a").attr("aria-expanded", "false");
				});
				
				//勾选已阅读交易须知才能点击立即预订按钮
				$(".goods-de-btn input[type='checkbox']").on("click", function(){
					if("${goodsDetails.goodsState}" == "出售中"){
						var che = $(".goods-de-btn input:checked").length;
						if(che == 1){
							$(".goods-de-btn button").removeAttr("disabled");
							$(".goods-de-btn button").css("cursor", "pointer");
							$(".goods-de-btn button").removeClass("layui-btn-disabled");
							$(".goods-de-btn button").addClass("layui-btn-danger");
						}else{
							$(".goods-de-btn button").attr("disabled", "disabled");
							$(".goods-de-btn button").css("cursor", "not-allowed");
							$(".goods-de-btn button").removeClass("layui-btn-danger");
							$(".goods-de-btn button").addClass("layui-btn-disabled");
						}
					}
				});
				
				//交易须知弹出框
		    	layui.use('layer', function(){ //独立版的layer无需执行这一句
				  var $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句
				  //触发事件
				  var active = {
						  notice: function(){
					      //示范一个公告层
					      layer.open({
					        type: 1
					        ,title: '交易注意事项' //不显示标题栏
					        ,closeBtn: false
					        ,area: '600px;'
					        ,shade: 0.8
					        ,id: 'jiaoyixuzhi-1' //设定一个id，防止重复弹出
					        ,btn: ['关闭']
					        ,btnAlign: 'c'
					        ,moveType: 1 //拖拽模式，0或者1
					        ,content: '<div style="padding: 20px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">' + 
					        		'这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，' + 
					        		'这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，' + 
					        		'这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，' + 
					        		'这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，' + 
					        		'这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，' + 
					        		'这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，这里说明交易注意事项，</div>'
					        
					      });
					    }
					 };
					  $('.goods-de-btn2 button:last,.goods-de-btn p a').on('click', function(){
					    var othis = $(this), method = othis.data('method');
					    active[method] ? active[method].call(this, othis) : '';
					  });
			    });
				
				//开启开具提示
				$(function () {
					$('[data-toggle="tooltip"]').tooltip();
				});
				
				var fenxiang = false; //标记分享按钮点击
				//点击分享
				$("#de-fenxiang").on("click", function(){
					if(!fenxiang){
						$(".bdsharebuttonbox").fadeIn();
						fenxiang = true;
					}else{
						$(".bdsharebuttonbox").fadeOut();
						fenxiang = false;
					}
				});
				
				//分享
				window._bd_share_config = {
					common : {
						bdText : '${goodsDetails.goodsTitle}-校园闲置',	
						bdDesc : '【校园闲置交易平台】${goodsDetails.goodsTitle}',	
						bdUrl : window.location.href, 	
						bdPic : getRootPath() + '/csht_file/goods_images/${goodsDetails.goodsImgpath}'
					},
					share : [{
						"bdSize" : 16
					}],
				}
				with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
			
				//js获取项目根路径，如： http://localhost:8083
				function getRootPath(){
				    //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp
				    var curWwwPath=window.document.location.href;
				    //获取主机地址之后的目录，如： uimcardprj/share/meun.jsp
				    var pathName=window.document.location.pathname;
				    var pos=curWwwPath.indexOf(pathName);
				    //获取主机地址，如： http://localhost:8083
				    var localhostPaht=curWwwPath.substring(0,pos);
				    return localhostPaht;
				}
			})
		</script>
	</body>
</html>